<template>
    <div class="all">
        <head-component />
        <middle-component />
        <foot-component />
    </div>
</template>

<script setup lang="ts">
import headComponent from './ui/head.vue'
import middleComponent from './ui/middle.vue'
import footComponent from './ui/foot.vue'
</script>

<style scoped>
.all{
    background-color: rgb(240, 242, 244);
}
</style>